﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>安全信息平台-SAE</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Theme CSS -->
    <link rel="stylesheet" type="text/css" href="~/assets/skin/default_skin/css/theme.css">
    <link rel="shortcut icon" href="~/assets/img/favicon.ico">
    <link rel="stylesheet" href="~/bussiness/js/base/reset.css" />
    <script src="~/Assets/js/jquery-1.11.1.min.js"></script>
    <script src="~/Bussiness/js/base/angular.js"></script>
    <script src="~/Bussiness/js/base/jquery.cookie.js"></script>
    <script src="~/Bussiness/js/base/angular-cookie.js"></script>
    <link rel="stylesheet" type="text/css" href="~/assets/fonts/icomoon/icomoon.css">
    <script src="~/Bussiness/js/tool/watermark.js"></script>
    <script src="~/Assets/js/jquery-ui.min.js"></script>

    <style>
        #main {
            overflow-y: hidden;
        }

        .ant-message-notice .ant-message-notice-content {
            background: #1677ff !important;
            color: rgba(255,255,255,1);
        }

        .ant-menu-root > li > .ant-menu-submenu-title .ant-menu-title-content {
            font-size: 16px !important;
            font-weight: 600 !important;
        }

        .ant-input .ant-input-disabled {
            color: black !important;
        }

        .ant-menu-submenu-arrow {
            position: absolute;
            right: 0;
        }

        .ant-select-arrow, .ant-select-clear {
            position: absolute;
            right: 10px;
        }

        .ant-menu-sub > li > .ant-menu-submenu-title .ant-menu-title-content {
            font-size: 15px !important;
            font-weight: 500 !important;
        }

        .ant-modal-wrap {
            width: 100vw;
        }

        ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }

        ::-webkit-scrollbar-track {
            background: transparent;
            border-radius: 2px;
        }

        ::-webkit-scrollbar-thumb {
            background: #d7e0ea;
            border-radius: 4px;
        }

            ::-webkit-scrollbar-thumb:hover {
                background: #1677ff;
                cursor: pointer
            }

        ::-webkit-scrollbar-corner {
            background: transparent;
        }

        .ant-modal-close {
            position: absolute;
            right: 20px;
        }

        .load {
            width: 100%;
            height: 100vh;
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 10000;
            background-color: rgba(0, 0, 0, 0.1);
        }

        .loader {
            width: 140px;
            height: 140px;
            text-align: center;
            position: absolute;
            top: calc(50% - 70px);
            left: calc(50% - 70px);
            padding-top: 15px;
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 5px;
        }

        #loader-1 {
            width: 60px;
            height: 60px;
        }

        .load-msg {
            height: 50px;
            line-height: 50px;
            color: #fff;
            font-size: 13px;
            /* margin-top: 20px; */
        }

        svg path, svg rect {
            fill: rgb(59,175,218);
        }

        .table-hover > tbody > tr:hover > td,
        .table-hover > tbody > tr:hover > th {
            font-weight: bold;
            cursor: pointer;
        }

        .alertify {
            z-index: 9999;
        }

        .scc::-webkit-scrollbar {
            display: none
        }

        .scc::-webkit-scrollbar {
            width: 0 !important
        }

        .alertify {
            z-index: 9999;
        }


        :where(.css-dev-only-do-not-override-19iuou).ant-menu-inline-collapsed {
            width: 60px !important;
        }

        input[disabled] {
            color: black !important;
            background-color: rgba(0, 0, 0, 0.04);
            border-color: #d9d9d9;
            box-shadow: none;
            cursor: not-allowed;
            opacity: 1;
        }

        .ant-select-selection-item {
            color: black !important;
        }

        .ant-input-disabled {
            color: black !important;
        }
        .ant-menu-title-content {
            font-size: 15px !important;
            font-weight: 500 !important;
        }
    </style>


    @RenderSection("css")
</head>

<body ng-app="WebApp" ng-cloak ng-controller="MainController" ng-init="">

    <!-- Start: Theme Preview Pane -->
    <div id="skin-toolbox">
        <div class="panel">
            <div class="panel-heading">
                <span class="panel-icon">
                    <i class="fa fa-gear text-primary"></i>
                </span>
                <span class="panel-title"> Theme Options</span>
            </div>
            <div class="panel-body pn">

                <ul class="nav nav-list nav-list-sm pl15 pt10" role="tablist">
                    <li class="active">
                        <a href="#toolbox-header" role="tab" data-toggle="tab">Navbar</a>
                    </li>
                    <li>
                        <a href="#toolbox-sidebar" role="tab" data-toggle="tab">Sidebar</a>
                    </li>
                    <li>
                        <a href="#toolbox-settings" role="tab" data-toggle="tab">Misc</a>
                    </li>
                </ul>

                <div class="tab-content p20 ptn pb15">
                    <div role="tabpanel" class="tab-pane active" id="toolbox-header">
                        <form id="toolbox-header-skin">
                            <h4 class="mv20">Header Skins</h4>

                            <div class="skin-toolbox-swatches">
                                <div class="checkbox-custom checkbox-disabled fill mb5">
                                    <input type="radio" name="headerSkin" id="headerSkin8" checked value="bg-light">
                                    <label for="headerSkin8">Light</label>
                                </div>
                                <div class="checkbox-custom fill checkbox-primary mb5">
                                    <input type="radio" name="headerSkin" id="headerSkin1" value="bg-primary">
                                    <label for="headerSkin1">Primary</label>
                                </div>
                                <div class="checkbox-custom fill checkbox-info mb5">
                                    <input type="radio" name="headerSkin" id="headerSkin3" value="bg-info">
                                    <label for="headerSkin3">Info</label>
                                </div>
                                <div class="checkbox-custom fill checkbox-warning mb5">
                                    <input type="radio" name="headerSkin" id="headerSkin4" value="bg-warning">
                                    <label for="headerSkin4">Warning</label>
                                </div>
                                <div class="checkbox-custom fill checkbox-danger mb5">
                                    <input type="radio" name="headerSkin" id="headerSkin5" value="bg-danger">
                                    <label for="headerSkin5">Danger</label>
                                </div>
                                <div class="checkbox-custom fill checkbox-alert mb5">
                                    <input type="radio" name="headerSkin" id="headerSkin6" value="bg-alert">
                                    <label for="headerSkin6">Alert</label>
                                </div>
                                <div class="checkbox-custom fill checkbox-system mb5">
                                    <input type="radio" name="headerSkin" id="headerSkin7" value="bg-system">
                                    <label for="headerSkin7">System</label>
                                </div>
                                <div class="checkbox-custom fill checkbox-success mb5">
                                    <input type="radio" name="headerSkin" id="headerSkin2" value="bg-success">
                                    <label for="headerSkin2">Success</label>
                                </div>
                                <div class="checkbox-custom fill mb5">
                                    <input type="radio" name="headerSkin" id="headerSkin9" value="bg-dark">
                                    <label for="headerSkin9">Dark</label>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="toolbox-sidebar">
                        <form id="toolbox-sidebar-skin">

                            <h4 class="mv20">Sidebar Skins</h4>
                            <div class="skin-toolbox-swatches">
                                <div class="checkbox-custom fill mb5">
                                    <input type="radio" name="sidebarSkin" checked id="sidebarSkin3" value="">
                                    <label for="sidebarSkin3">Dark</label>
                                </div>
                                <div class="checkbox-custom fill checkbox-disabled mb5">
                                    <input type="radio" name="sidebarSkin" id="sidebarSkin1" value="sidebar-light">
                                    <label for="sidebarSkin1">Light</label>
                                </div>
                                <div class="checkbox-custom fill checkbox-light mb5">
                                    <input type="radio" name="sidebarSkin" id="sidebarSkin2" value="sidebar-light light">
                                    <label for="sidebarSkin2">Lighter</label>
                                </div>

                            </div>

                        </form>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="toolbox-settings">
                        <form id="toolbox-settings-misc">
                            <h4 class="mv20 mtn">Layout Options</h4>
                            <div class="form-group">
                                <div class="checkbox-custom fill mb5">
                                    <input type="checkbox" checked="" id="header-option">
                                    <label for="header-option">Fixed Header</label>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="checkbox-custom fill mb5">
                                    <input type="checkbox" id="sidebar-option">
                                    <label for="sidebar-option">Fixed Sidebar</label>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="checkbox-custom fill mb5">
                                    <input type="checkbox" id="breadcrumb-option">
                                    <label for="breadcrumb-option">Fixed Breadcrumbs</label>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="checkbox-custom fill mb5">
                                    <input type="checkbox" id="breadcrumb-hidden">
                                    <label for="breadcrumb-hidden">Hide Breadcrumbs</label>
                                </div>
                            </div>
                            <h4 class="mv20">Layout Options</h4>
                            <div class="form-group">
                                <div class="radio-custom mb5">
                                    <input type="radio" id="fullwidth-option" checked name="layout-option">
                                    <label for="fullwidth-option">Fullwidth Layout</label>
                                </div>
                            </div>
                            <div class="form-group mb20">
                                <div class="radio-custom radio-disabled mb5">
                                    <input type="radio" id="boxed-option" name="layout-option" disabled>
                                    <label for="boxed-option">Boxed Layout <b class="text-muted">(Coming Soon)</b></label>
                                </div>
                            </div>

                        </form>
                    </div>
                </div>
                <div class="form-group mn br-t p15">
                    <a href="#" id="clearLocalStorage" class="btn btn-primary btn-block pb10 pt10">Clear LocalStorage</a>
                </div>

            </div>
        </div>
    </div>
    <!-- End: Theme Preview Pane -->
    <!-- Start: Main -->
    <div id="main">
        <div>
            <!-- Start: Header -->
            <header class="navbar navbar-fixed-top bg-light">
                <div class="navbar-branding">
                    <a class="navbar-brand"> <b>安全信息平台</b>           </a>
                    <span id="toggle_sidemenu_l" style="display:none" class="glyphicons glyphicons-show_lines"></span>
                    <ul class="nav navbar-nav pull-right hidden">
                        <li>
                            <a href="#" class="sidebar-menu-toggle">
                                <span class="octicon octicon-ruby fs20 mr10 pull-right "></span>
                            </a>
                        </li>
                    </ul>
                </div>
                <ul class="nav navbar-nav navbar-left">

                    <li class="hidden-xs">
                        <a class="request-fullscreen toggle-active" href="#">
                            <span class="octicon octicon-screen-full fs18"></span>
                        </a>
                    </li>
                </ul>
                <form class="navbar-form navbar-left navbar-search ml5" role="search">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Search..." value="搜索...">
                    </div>
                </form>
                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle fw600 p15" data-toggle="dropdown">
                            <span>{{User.DepartmentName}} {{User.UserName}}（{{User.UserNo}}）</span>
                            <span class="caret caret-tp hidden-xs"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-persist pn w250 bg-white" role="menu">
                            <li class="br-t of-h">
                                <a href="../Account/ModifyPersonalInfo" class="fw600 p12 animated animated-short fadeInDown" style="cursor:pointer;">
                                    <span class="fa fa-pencil pr5"></span>修改个人信息
                                </a>
                            </li>
                            <li class="br-t of-h">
                                <a class="fw600 p12 animated animated-short fadeInDown" style="cursor:pointer;">
                                    <span class="fa fa-download pr5"></span>下载Chrome浏览器  <span> <a href="../File/Download/ChromeSetup32.exe">32位</a>  <a href="../File/Download/ChromeSetup64.exe">64位</a></span>
                                </a>
                            </li>
                            <li class="br-t of-h">
                                <a href="../Account/ChangePassword" class="fw600 p12 animated animated-short fadeInDown" style="cursor:pointer;">
                                    <span class="fa fa-lock pr5"></span>修改密码
                                </a>
                            </li>
                            <li class="br-t of-h">
                                <a ng-click="doLogout();" class="fw600 p12 animated animated-short fadeInDown" style="cursor:pointer;">
                                    <span class="fa fa-power-off pr5"></span>退出账户
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </header>
            <!-- End: Header -->
            <!-- Start: Sidebar -->
            <aside id="sidebar_left" style=" background: #001428;" class="nano nano-primary">
                <div class="nano-content" style="position: fixed;">

                    <!-- Start: Sidebar Header -->
                    <header class="sidebar-header">
                        <div class="user-menu">
                            <div class="row text-center mbn">

                            </div>
                        </div>
                    </header>
                    <!-- End: Sidebar Header -->
                    <!-- sidebar menu -->

                    <ul class="nav sidebar-menu" style="position:relative; height:100%;overflow-y:scroll;box-sizing:border-box" id="LayoutApp">
                        <a-style-provider hash-priority="high">

                            <div :style="{
                                     width:LayoutAppParams.state.value.collapsed?'60px':'230px'
                                     }" style="height:100%">

                                <a-skeleton :loading="LayoutAppParams.loading.value" active :paragraph="{ rows: 24 }">
                                    <div class="scc" :style="{
                                     width:LayoutAppParams.state.value.collapsed?'60px':'230px'
                                     }" style=" height: calc(100% - 30px); overflow: scroll; position: relative; background: #001428 ">

                                        <a-menu :key="LayoutAppParams.loading.value " :inline-collapsed="LayoutAppParams.state.value.collapsed" v-on:click="LayoutAppParams.tClick" v-model:open-keys="LayoutAppParams.state.value.openKeys"
                                                v-model:selected-keys="LayoutAppParams.state.value.selectedKeys"
                                                mode="inline"
                                                theme="dark"
                                                :items="LayoutAppParams.items.value"></a-menu>

                                    </div>
                                    <div id="toggle_sidemenu_2" :style="{
                                     width:LayoutAppParams.state.value.collapsed?'60px':'230px'
                                     }" style="height: 50px; position: absolute; background:#001428; bottom: 0; padding-left: 14px; display: flex; justify-content: flex-end; align-items: center; "><span v-on:click="LayoutAppParams.cClick" style=" font-size:20px;margin-right:20px;cursor:pointer" class="glyphicons glyphicons-show_lines"></span></div>
                                </a-skeleton>
                            </div>
                        </a-style-provider>
                    </ul>
                    @*<ul class="nav sidebar-menu" style="height:100%;overflow-y:scroll;">
                            <li class="sidebar-label pt20" ng-repeat-start="x in MenuList">{{x.PartName}}</li>
                            <li ng-repeat-end>
                                <a ng-repeat-start="y in x.MenuList" id="nodes_{{y.ActiveName}}" class="accordion-toggle" href="#">
                                    <span class="{{y.Icon}}"></span>
                                    <span class="sidebar-title">{{y.MenuName}}</span>
                                    <span class="caret"></span>
                                </a>
                                <ul class="nav sub-nav" ng-repeat-end>
                                    <li ng-class="{'active' :secondLevel.{{z.ActiveName}}}" ng-repeat="z in y.NodeList">
                                        <a href="{{z.Path}}" target="{{z.Target}}">
                                            <span class="{{z.Icon}}"></span>{{z.NodeName}}
                                        </a>
                                    </li>
                                </ul>
                            </li>



                        </ul>*@
                    @*<div class="sidebar-toggle-mini">
                            <a href="#">
                                <span class="fa fa-sign-out"></span>
                            </a>
                        </div>*@
                </div>
            </aside>

            <!-- Start: Content-Wrapper -->
            <section id="content_wrapper">

                @RenderBody()
                <!-- Start: Topbar -->

            </section>

            <!-- Start: Right Sidebar -->
            <aside id="sidebar_right" class="nano">
                <div class="sidebar_right_content nano-content">
                    <div class="tab-block sidebar-block br-n">
                        <ul class="nav nav-tabs tabs-border nav-justified hidden">
                            <li class="active">
                                <a href="#sidebar-right-tab1" data-toggle="tab">Tab 1</a>
                            </li>
                            <li>
                                <a href="#sidebar-right-tab2" data-toggle="tab">Tab 2</a>
                            </li>
                            <li>
                                <a href="#sidebar-right-tab3" data-toggle="tab">Tab 3</a>
                            </li>
                        </ul>
                        <div class="tab-content br-n">
                            <div id="sidebar-right-tab1" class="tab-pane active">

                                <h5 class="title-divider text-muted mb20"> Server Statistics <span class="pull-right"> 2013 <i class="fa fa-caret-down ml5"></i> </span> </h5>
                                <div class="progress mh5">
                                    <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 44%">
                                        <span class="fs11">DB Request</span>
                                    </div>
                                </div>
                                <div class="progress mh5">
                                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 84%">
                                        <span class="fs11 text-left">Server Load</span>
                                    </div>
                                </div>
                                <div class="progress mh5">
                                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 61%">
                                        <span class="fs11 text-left">Server Connections</span>
                                    </div>
                                </div>

                                <h5 class="title-divider text-muted mt30 mb10">Traffic Margins</h5>
                                <div class="row">
                                    <div class="col-xs-5">
                                        <h3 class="text-primary mn pl5">132</h3>
                                    </div>
                                    <div class="col-xs-7 text-right">
                                        <h3 class="text-success-dark mn"> <i class="fa fa-caret-up"></i> 13.2% </h3>
                                    </div>
                                </div>

                                <h5 class="title-divider text-muted mt25 mb10">Database Request</h5>
                                <div class="row">
                                    <div class="col-xs-5">
                                        <h3 class="text-primary mn pl5">212</h3>
                                    </div>
                                    <div class="col-xs-7 text-right">
                                        <h3 class="text-success-dark mn"> <i class="fa fa-caret-up"></i> 25.6% </h3>
                                    </div>
                                </div>

                                <h5 class="title-divider text-muted mt25 mb10">Server Response</h5>
                                <div class="row">
                                    <div class="col-xs-5">
                                        <h3 class="text-primary mn pl5">82.5</h3>
                                    </div>
                                    <div class="col-xs-7 text-right">
                                        <h3 class="text-danger mn"> <i class="fa fa-caret-down"></i> 17.9% </h3>
                                    </div>
                                </div>

                                <h5 class="title-divider text-muted mt40 mb20"> Server Statistics <span class="pull-right text-primary fw600">USA</span> </h5>
                                <div id="sidebar-right-map" class="hide-jzoom" style="width: 100%; height: 180px;"></div>

                            </div>
                            <div id="sidebar-right-tab2" class="tab-pane"></div>
                            <div id="sidebar-right-tab3" class="tab-pane"></div>
                        </div>
                        <!-- end: .tab-content -->
                    </div>
                </div>
            </aside>
            <!-- End: Right Sidebar -->
        </div>
    </div>
    <!-- End: Main -->
    <!-- BEGIN: PAGE SCRIPTS -->
    <!-- Bootstrap -->

    <script type="text/javascript" src="~/assets/js/bootstrap/bootstrap.min.js"></script>

    <!-- Theme Javascript -->
    <script type="text/javascript" src="~/assets/js/utility/utility.js"></script>
    <script type="text/javascript" src="~/assets/js/main.js"></script>
    <script type="text/javascript" src="~/assets/js/demo.js"></script>

    <script src="~/Bussiness/js/libs/ng-file-upload-shim.min.js"></script>
    <script src="~/Bussiness/js/libs/ng-file-upload.min.js"></script>
    <script src="~/Bussiness/js/libs/alertify.js"></script>
    <script src="~/Bussiness/js/enquire.min.js"></script> 										<!-- Enquire for Responsiveness -->
    <script src="~/Bussiness/js/libs/moment.min.js"></script>
    <script src="~/Bussiness/js/pg/app.js?v=@DateTime.Now.ToString("yyMMddHH")"></script>
    <script src="~/Bussiness/js/libs/bootstrap-select.min.js"></script>
    @*<script src="~/Bussiness/js/base/lodash.js"></script>*@
    @RenderSection("js")

    <script type="text/javascript">
        jQuery(document).ready(function () {

            "use strict";

            // Init Theme Core
            Core.init();

            // Init Theme Core
            Demo.init();

        });
    </script>
    <script>
        const vback = () => {
            window.history.back()
        }
    </script>
    <script src="~/bussiness/js/base/vue3.js"></script>
    <script src="~/bussiness/js/base/customParseFormat.js"></script>
    <script src="~/bussiness/js/base/weekday.js"></script>
    <script src="~/bussiness/js/base/localeData.js"></script>
    <script src="~/bussiness/js/base/weekOfYear.js"></script>
    <script src="~/bussiness/js/base/weekYear.js"></script>
    <script src="~/bussiness/js/base/advancedFormat.js"></script>
    <script src="~/bussiness/js/base/quarterOfYear.js"></script>
    <script src="~/bussiness/js/base/dayJsZhCn.js"></script>
    <script src="~/bussiness/js/base/dayJsZhCn1.js"></script>
    <script>
        //dayjs.locale('zh-cn');
    </script>
    <script src="~/bussiness/js/base/antd-with-locales.js"></script>
    <script src="~/bussiness/js/pg/vapp.js?v=@DateTime.Now.ToString("yyyyMMddHHmm")"></script>
    <script src="~/bussiness/js/base/axios.js">
    </script>
    <script src="~/Bussiness/js/base/echart.js">
    </script>
    <script type="module">
        import Composition from "../../Bussiness/js/pg/Performance/app.js?v=@DateTime.Now.ToString("yyyyMMddHHmmss")"
        import localeValues from '../../Bussiness/js/base/es/locale/zh_CN.js'
        singalApp('LayoutApp', Composition, localeValues)

    </script>
</body>

</html>
